<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>new.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            new.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/sale_app/custom_products/new.css
                
            </li>
            <li>Last modified: 2017-02-04 19:48:23 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .room-name
.input_room_type_name {width: 360px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .floors .floor_index_unit
{width: 120px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style
{height: 147px;margin: 0;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form
.bed-style .left_container {float: left;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style .right_container
{float: left;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style
.right_container ul li {margin-bottom: 15px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style .right_container
ul li .big-bed {float: left;width: 90px;height: 34px;line-height:
34px;margin: 0;padding: 0;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form
.bed-style .right_container ul li .group-form {float: left;margin-bottom:
0;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style
.right_container ul li .group-form .label_colon {float: left;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .bed-style .right_container
ul li .group-form .input_bed_width.active {background-color: ffffff;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .add-bed .radio-group
{float: left;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .add-bed
.group-form.add-bed-price {float: left;margin-left: 15px;margin-bottom: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .add-bed
.group-form.add-bed-price .label_add_bed {width: 50px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .special .left_container
{margin-left: 0;float: left;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
form .special .right_container {margin-left: 62px;float: left;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .room-style-description,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .images{height: inherit;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .images
.mssUploadFileContainer {position: relative;overflow: hidden;width:
600px;margin-left: 80px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form
.images .mssUploadFileContainer .fileinput {float: left;margin-left: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .images
.mssUploadFileContainer .fileinput:nth-child(3n+1) {margin-left: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] form .room-style-description
.textarea-room-style {width: 600px;height: 125px;resize:
none;border-radius: 2px;padding: 8px 12px;margin-left: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form {height:
30px;margin-bottom: 15px;margin-left: 0;padding-left: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form label {margin:
0;display: inline-block;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .bed-width {width: inherit;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .label_colon {width:
inherit;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form <a
href="type='radio'">input</a> {float: left;width: 20px;height: 20px;margin:
5px;padding: 0;cursor: pointer;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form button {margin: 0;display: inline-block;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .button-inline
{float: left;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’].group-form
.button-group {display: inline-block;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .input_room_num,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .input_people_num,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .input_room_area,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .input_floor_index,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .bed_width {width:
120px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .btn-group
{float: inherit;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.dropdown button {width: 120px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .btn-group .dropdown-menu {min-width: 120px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .radio-group {height:
30px;line-height: 30px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .radio-group .radio-inline {padding: 0;margin: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .radio-group
.radio-inline:first-child{margin-left: 5px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .radio-group
span.iconfont {position: absolute;border: 1px solid c8c8c8;border-radius:
50%;height: 15px;width: 15px;margin-top: 10px;line-height: 15px;text-align:
center;font-size: 13px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .radio-group span.iconfont.active {color: #13b5b1;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox,
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox-group
{height: 34px;line-height: 34px;margin: 0;float: left;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox
.checkbox-inline, app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.checkbox-group .checkbox-inline {padding: 0;margin: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox
.checkbox-inline:nth-child(n+2), app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .checkbox-group .checkbox-inline:nth-child(n+2) {margin-left:
15px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox
span.iconfont, app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.checkbox-group span.iconfont {position: absolute;border: 1px solid
c8c8c8;border-radius: 3px;height: 15px;width: 15px;margin-top:
10px;line-height: 15px;text-align: center;font-size: 13px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox
span.iconfont.active, app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.checkbox-group span.iconfont.active {color: #13b5b1;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .checkbox
label.checkbox-label, app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.checkbox-group label.checkbox-label {margin-left: 20px;padding: 0;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .form-horizontal
.control-group{height: 30px;margin-left: 0;margin-bottom: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .form-horizontal .control-group
label{float: left;margin-left: 0;width: 70px;text-align: right;font-size:
12px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .form-horizontal
.control-group .controls label{margin-left: 0;width: 150px;text-align:
left;line-height: 30px;padding-left: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .form-horizontal .controls
{float: left;margin-left: 10px;height: 30px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .label-inline {float:
left;width: 70px;height: 30px;line-height: 30px;text-align: right;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.label-inline.label_unit {float: left;width: 60px;text-align:
left;padding-left: 10px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.group-form .label-inline.label-bed-width {width: 50px;margin-left: 15px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .radio-group
label.radio-label {margin-left: 30px;width: 60px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form .input-inline {width:
100px;height: 30px;line-height: 30px;float: left;padding: 0 12px;margin: 0
0 0 10px;border-radius: 2px;text-align: center;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] <a
href="myApp='ROOM-NEW-EDIT-PAGE'">input,#app-container</a> textarea
{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:
inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px
rgba(0,0,0,.075);} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] <a
href="type='radio'">input</a> {border: none;-webkit-box-shadow:
none;-moz-box-shadow: none;box-shadow: none;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] section.images {margin-bottom:
15px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .controls <a
href="type="text"">input</a> {</p>

<pre><code> width: 180px;
 float: left;
 text-align: center;
 border: 1px solid #eee;
}</code></pre>

<p>app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .controls <a
href="type="tel"">input</a> {text-align: center;outline: none;height:
28px;line-height: 28px;border-radius: 4px;font-size: 12px;border: 1px solid
cccccc;color: #333333;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .controls
<a href="type="tel"">input</a>:focus{border: 1px solid #74b9ef;color:
#333333;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .dropdown.btn-group
{width: 180px;height: 30px;margin: 0;float: left;border-radius: 2px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .dropdown.btn-group
.dropdown-toggle {outline: none;height: 28px;line-height:
28px;border-radius: 4px;font-size: 12px;border: 1px solid cccccc;color:
#333333;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .dropdown.btn-group
.dropdown-toggle:focus{border: 1px solid #74b9ef;color: #333333;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .btn-default:hover {color:
#333;background-color: ffffff;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
select {width: 120px;height: 40px;line-height: 30px;text-align: center;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .footer-button {width:
80px;float: left;border-radius: 5px;text-align: center;height:
34px;line-height: 34px;padding: 0 15px;border: none;display: block;color:
ffffff;background-color: #2d3e50;border:1px solid #2d3e50;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.footer-button:hover{background-color: #2d3e75;color: ffffff;border:1px
solid #2d3e75;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.footer-button:active{background-color: #3E93F9;border:1px solid #3E93F9;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .footer-button.button-cancle
{color: #808080;margin-left: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .footer-button.button-submit
{margin-left: 12px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’]
.button-submit-cancle {height: 34px;margin-bottom: 15px;margin-top: 15px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .control-button {float:
left;height: 30px;margin-left: 10px;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] section.images label {float:
left;width: 70px;height: 30px;line-height: 30px;text-align: right;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .submitContainer {margin-left:
80px;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .group-form
.label-inline.current-date-label {text-align: left;padding-left:
10px;width: inherit;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .form-group
.label-inline.current-tel-label {float: left;text-align: left;padding-left:
10px;width: inherit;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .controls
<a href="type="number"">input</a> {width: 180px;height: 30px;line-height:
30px;float: left;padding: 0 12px;border-radius: 2px;text-align: center;}
app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] .app .app-inner form
{margin-bottom: 0;} app-container[myApp=‘ROOM-NEW-EDIT-PAGE’] select
option{text-align: center;}</p>

<p>.mssUploadFileContainer .fileinput {width: 160px;height:
100px;margin-right: 10px;border: 1px solid eee;} .mssUploadFileContainer
.btn-close {height: 40px;width: 40px;float: right;margin-top:
-40px;position: relative;line-height: 40px;text-align: center;cursor:
pointer;font-size: 20px;} .mssUploadFileContainer .btn-close:hover {color:
ff0036;} .mssUploadFileContainer .thumbnail {width: 100%;height:
100%;border: 1px solid eee;margin-bottom: 0;} .mssUploadFileContainer
.fileinput-preview img{width: 100%;height: 100%;} .mssUploadFileContainer
.btn-submit-change {width: 100%;height: 100%;margin-top: -100px;opacity:
0;} .mssUploadFileContainer .btn-submit-change:hover {opacity: 1;}
.mssUploadFileContainer .btn-submit-change .btn-file {width: 100%;height:
100%;margin: 0;padding: 0;} .mssUploadFileContainer .btn-submit-change
.iconfont {font-size: 50px;line-height: 100px;color: ff0036;}
.mssUploadFileContainer .btn-submit-change input {width: 100%;height:
100%;}</p>

<p>app-container[myApp=“ROOM-NEW-EDIT-PAGE”] .btn-crud{</p>

<pre><code>width: 80px;
line-height: 20px;
color: #ffffff;
background-color: #2d3e50;
border: #2d3e50;
margin-left: 25px;</code></pre>

<p>}</p>

<p>app-container[myApp=“ROOM-NEW-EDIT-PAGE”] .btn-cancel{</p>

<pre><code>width: 80px;
line-height: 20px;
color: #ffffff;
background-color: #3283fa;
border: #2d3e50;
margin-left: 25px;</code></pre>

<p>}</p>

<p>p.js-show-product-new-error{</p>

<pre><code>color: red;
margin-left:80px;
font-size:16px;
margin-bottom:5px;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
